<template>
  <el-row :gutter="20">
    <el-col :span="12">
      <el-card class="box-card">
        <template #header>
          <div class="card-header">
            <span>交易走势图 - 近七日交易走势</span>
          </div>
        </template>
        <el-row :gutter="0">
          <el-col :span="11">
            <div>成交量/交易量</div>
            <div>0/0</div>
          </el-col>
          <el-col :span="2"><el-divider direction="vertical" /></el-col>
          <el-col :span="11">
            <div>成交额/交易额</div>
            <div>¥ 0.00/0.00</div>
          </el-col>
        </el-row>
      </el-card>
    </el-col>
    <el-col :span="12"
      ><el-card class="box-card">
        <template #header>
          <div class="card-header">
            <span>交易走势图 - 近七日交易走势</span>
          </div>
        </template>
        <div>fasdfasdfasdfasdfsadf</div>
      </el-card></el-col
    >
    <el-col :span="12"
      ><el-card class="box-card">
        <template #header>
          <div class="card-header">
            <span>交易走势图 - 近七日交易走势</span>
          </div>
        </template>
        <div>fasdfasdfasdfasdfsadf</div>
      </el-card></el-col
    >
    <el-col :span="12"
      ><el-card class="box-card">
        <template #header>
          <div class="card-header">
            <span>交易走势图 - 近七日交易走势</span>
          </div>
        </template>
        <div>fasdfasdfasdfasdfsadf</div>
      </el-card></el-col
    >
  </el-row>
</template>

<script setup lang="ts"></script>

<style lang="scss" scoped>
.box-card {
  margin-bottom: var(--el-main-padding);
}
</style>
